<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]-->
<!--[if IE 7]><html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if IE 8]><html class="no-js lt-ie10 lt-ie9" lang="en"><![endif]-->
<!--[if IE 9]><html class="no-js lt-ie10" lang="en"><![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Valid {ORG} {COURSE} Certificate | edX</title>
  <meta name="description" content="This is a valid edX certificate for {NAME}, who participated in {ORG} {COURSE}">

  <link rel="stylesheet" href="/v2/static/css/vendor/normalize.css" />
  <link rel="stylesheet" href="/v2/static/css/vendor/font-awesome.css" />
  <link rel="stylesheet" href="/v2/static/css/style-application.css" />
  <script src="/v2/static/js/vendor/modernizr-2.6.2.min.js"></script>
</head>

<!-- depending on certificate, add is-honorcode or is-idverified -->
<body class="view--valid-certificate is-{TYPE}" data-view="valid-certificate">

  <!--[if lt IE 9]>
      <p class="msg msg--browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <nav class="nav--skip sr">
    <h2>Skip to This Page's Content</h2>
    <ol>
      <li class="nav__item"><a class="action" href="#validation-status">Validation Status</a></li>
      <li class="nav__item"><a class="action" href="#validation-accomplishment">Student Accomplishment</a></li>
      <li class="nav__item"><a class="action" href="#validation-info">More Information</a></li>
      <li class="nav__item"><a class="action" href="#edx-info">About edX</a></li>
    </ol>
  </nav>

  <div class="wrapper--view">
    <div class="wrapper--header">
      <header class="header--app" role="banner">
        <h1 class="title title--logo">
          <span class="logo">
            <a href="http://www.edx.org"><img class="img--logo" src="/v2/static/images/logo-edx.png" alt="edX" /></a>
          </span>
          <span class="title title--sub">Certificate Validation</span>
        </h1>
      </header>
    </div>

    <hr class="divider /">

    <div class="wrapper--content">
      <section class="content content--main" role="main">
        <div class="status status--valid" id="validation-status">
          <h2 class="title title--lvl2">edX acknowledges the following student accomplishment<span class="sr">:</span></h2>
        </div>

        <article class="accomplishment accomplishment--certificate--honorcode" id="validation-accomplishment">
          <div class="accomplishment__statement">
            <p class="copy">
              <span class="copy__name">{NAME}</span>
              <span class="copy__context">successfully completed, received a passing grade, <br />and was awarded an edX {TYPE_NAME} Certificate of completion in</span>

              <span class="copy__course">
                <span class="copy__course__org">{ORG}</span>
                <span class="copy__course__name">{COURSE}, {COURSE_LONG}</span>
              </span>
              <span class="copy__context">a course of study offered by <span class="detail--xuniversity">{ORG}</span>, an online learning initiative of <span class="detail--org">{ORG_LONG}</span> through <span class="detail--company">edX</span>.</span>
            <p>
          </div>

          <div class="accomplishment__details">
              <h3 class="title title--lvl2 sr">More Information About {NAME}'s Certificate:</h3>

            <ul class="list list--metadata">
              <li class="item certificate--type">
                {IMG}
                <span class="label">Certificate Type</span>
                <span class="value">
                  {TYPE_NAME} Certificate

                  <span class="explanation">
                    {EXPLANATION}
                  </span>
                </span>
              </li>
              <li class="item certificate--id">
                <span class="label">Certificate ID Number</span>
                <span class="value">{CERTIFICATE_ID}</span>
              </li>
              <li class="item certificate--date">
                <span class="label">Issued On:</span>
                <span class="value">{ISSUE_DATE}</span>
              </li>
            </ul>
          </div>
        </article>
      </section>

      <hr class="divider /">

      <aside class="content content--supplemental" role="complimentary"  id="validation-info">
        <div class="supplemental__about">
          <h2 class="title">About edX</h2>
          <div class="copy">
            <p>EdX offers interactive online classes and MOOCs from the world’s best universities, including MIT, Harvard, Berkeley, University of Texas, and many others.  EdX is a non-profit online initiative created by founding partners Harvard and MIT.</p>
          </div>

          <ul class="list list--actions">
            <li class="item item--action">
              <a class="action action--primary action--moreinfo" href="http://www.edx.org/about-us">Learn more about edX</a>
            </li>
          </ul>
        </div>

        <div class="supplemental__how">
          <h2 class="title">How edX Validates Student Certificates</h2>
          <div class="copy">
            <p>Certificates issued by edX are signed by a gpg key so that they can be validated independently by anyone with the edX public key. For independent verification, edX uses what is called a "detached signature."</p>
          </div>
          <ul class="list list--actions">
            <li class="item item--action">
              <a class="action action--moreinfo" href="{VERIFY_URL}">Validate this certificate for yourself</a>
            </li>
          </ul>
        </div>

        <div class="supplemental__certificates">
          <h2 class="title">About edX Certificates</h2>
          <div class="copy">
            <p>EdX acknowledges achievements through certificates, which are awarded for various activities edX students complete under the <a href="https://www.edx.org/edx-terms-service">edX Honor Code</a>. Some certificates require completing additional steps, such as <a href="http://www.edx.org/verified-certificate">verifying one's identity</a>.</p>
          </div>
        </div>
      </aside>
    </div>

    <hr class="divider /">

    <div class="wrapper--footer">
      <footer class="footer--app" role="contentinfo" id="edx-info">

        <div class="copyright">
          <p>&copy; 2013 edX. All rights reserved</p>
        </div>

        <nav class="nav--footer">
          <ul class="list list--legal">
            <li class="nav__item">
              <a class="action" href="http://www.edx.org/edx-terms-service">Terms of Service &amp; Honor Code</a>
            </li>
            <li class="nav__item">
              <a class="action" href="http://www.edx.org/edx-privacy-policy">Privacy Policy</a>
            </li>
          </ul>

          <ul class="list list--actions">
            <li class="nav__item">
              <a class="action" href="http://www.edx.org/course-list">Learn with edX</a>
            </li>
            <li class="nav__item">
              <a class="action" href="http://www.edx.org/jobs">Work at edX</a>
            </li>
            <li class="nav__item">
              <a class="action" href="http://www.edx.org/contact-us">Contact edX</a>
            </li>
          </ul>
        </nav>
      </footer>
    </div>
  </div>


  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="/v2/static/jsjs/vendor/jquery-1.10.2.min.js"><\/script>')</script>
</body>
</html>

